// 整个前端项目的入口js文件,都要引入到这里
import Vue from 'vue';
import App from './App';
import router from './router';
import store from './store'; //vuex 的 store仓库
import MintUi from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(MintUi);

// 引入mock js 他会自动拦截这个文件来渲染,上线时一定要删除
// import './Mockdata';

// 关闭vue开发时的浏览器提示，现在使用开发时的vue，上线时要用上线的vue，这提示
Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#main',
  router: router,
  store,
  components: {
    // 局部组件上面引入的app
    App
  },
  // 这App是模板，会把#main给替换掉
  template: '<App/>',
  // 页面挂载完成
  created() {
    console.log('我是 main 的 mounted');
    // 调用异步方法
    store.dispatch('getCityName');
  }
});
